<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>滚动监听2</title>
    <link rel="stylesheet" href="../../css/bootstrap.css">
    <script src="../../js/jquery-1.11.2.min.js"></script>
    <script src="../../js/bootstrap.min.js"></script>
    <style>
        body {
            padding: 50px;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="row col-md-8 col-md-offset-2">
        <div class="navbar navbar-default" id="tab1">
            <div class="navbar-header">
                <a href="#" class="navbar-brand">WEB编程</a>
            </div>
            <ul class="nav navbar-nav">
                <li><a href="#html1">css</a></li>
                <li><a href="#html2">java</a></li>
                <li><a href="#html3">html</a></li>
                <li class="dropdown">
                    <a href="#" data-toggle="dropdown">
                        javascript
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#html4">jquery</a></li>
                        <li><a href="#html5">extjs</a></li>
                        <li><a href="#html6">javas</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div data-spy="scroll" data-target="#tab1"  data-offset="0" class="row col-md-8 col-md-offset-2 "
         style="padding: 0px 10px ;height: 200px;overflow:auto;position:relative"

    >
        <h4 id="html1">Html</h4>
        <p>HTML 是用来描述网页的一种语言。
            HTML 指的是超文本标记语言 (Hyper Text Markup Language)
            HTML 不是一种编程语言，而是一种标记语言 (markup language)
            标记语言是一套标记标签 (markup tag)
            HTML 使用标记标签来描述网页
            HTML 是用来描述网页的一种语言。
            HTML 指的是超文本标记语言 (Hyper Text Markup Language)
            HTML 不是一种编程语言，而是一种标记语言 (markup language)
            标记语言是一套标记标签 (markup tag)
            HTML 使用标记标签来描述网页
            HTML 是用来描述网页的一种语言。
            HTML 指的是超文本标记语言 (Hyper Text Markup Language)
            HTML 不是一种编程语言，而是一种标记语言 (markup language)
            标记语言是一套标记标签 (markup tag)
            HTML 使用标记标签来描述网页
        </p>
        <h4 id="html2">Html2</h4>
        <p>HTML 是用来描述网页的一种语言。
            HTML 指的是超文本标记语言 (Hyper Text Markup Language)
            HTML 不是一种编程语言，而是一种标记语言 (markup language)
            标记语言是一套标记标签 (markup tag)
            HTML 使用标记标签来描述网页
            HTML 是用来描述网页的一种语言。
            HTML 指的是超文本标记语言 (Hyper Text Markup Language)
            HTML 不是一种编程语言，而是一种标记语言 (markup language)
            标记语言是一套标记标签 (markup tag)
            HTML 使用标记标签来描述网页

            HTML 是用来描述网页的一种语言。
            HTML 指的是超文本标记语言 (Hyper Text Markup Language)
            HTML 不是一种编程语言，而是一种标记语言 (markup language)
            标记语言是一套标记标签 (markup tag)
            HTML 使用标记标签来描述网页
        </p>
        <h4 id="html3">Html3</h4>
        <p>HTML 是用来描述网页的一种语言。
            HTML 指的是超文本标记语言 (Hyper Text Markup Language)
            HTML 不是一种编程语言，而是一种标记语言 (markup language)
            标记语言是一套标记标签 (markup tag)
            HTML 使用标记标签来描述网页
            HTML 是用来描述网页的一种语言。
            HTML 指的是超文本标记语言 (Hyper Text Markup Language)
            HTML 不是一种编程语言，而是一种标记语言 (markup language)
            标记语言是一套标记标签 (markup tag)
            HTML 使用标记标签来描述网页
            HTML 是用来描述网页的一种语言。
            HTML 指的是超文本标记语言 (Hyper Text Markup Language)
            HTML 不是一种编程语言，而是一种标记语言 (markup language)
            标记语言是一套标记标签 (markup tag)
            HTML 使用标记标签来描述网页
        </p>
        <h4 id="html4">Html4</h4>
        <p>HTML 是用来描述网页的一种语言。
            HTML 指的是超文本标记语言 (Hyper Text Markup Language)
            HTML 不是一种编程语言，而是一种标记语言 (markup language)
            标记语言是一套标记标签 (markup tag)
            HTML 使用标记标签来描述网页
            HTML 是用来描述网页的一种语言。
            HTML 指的是超文本标记语言 (Hyper Text Markup Language)
            HTML 不是一种编程语言，而是一种标记语言 (markup language)
            标记语言是一套标记标签 (markup tag)
            HTML 使用标记标签来描述网页
            HTML 是用来描述网页的一种语言。
            HTML 指的是超文本标记语言 (Hyper Text Markup Language)
            HTML 不是一种编程语言，而是一种标记语言 (markup language)
            标记语言是一套标记标签 (markup tag)
            HTML 使用标记标签来描述网页
        </p>
        <h4 id="html5">Html4</h4>
        <p>HTML 是用来描述网页的一种语言。
            HTML 指的是超文本标记语言 (Hyper Text Markup Language)
            HTML 不是一种编程语言，而是一种标记语言 (markup language)
            标记语言是一套标记标签 (markup tag)
            HTML 使用标记标签来描述网页
            HTML 是用来描述网页的一种语言。
            HTML 指的是超文本标记语言 (Hyper Text Markup Language)
            HTML 不是一种编程语言，而是一种标记语言 (markup language)
            标记语言是一套标记标签 (markup tag)
            HTML 使用标记标签来描述网页
            HTML 是用来描述网页的一种语言。
            HTML 指的是超文本标记语言 (Hyper Text Markup Language)
            HTML 不是一种编程语言，而是一种标记语言 (markup language)
            标记语言是一套标记标签 (markup tag)
            HTML 使用标记标签来描述网页
        </p>
        <h4 id="html6">Html4</h4>
        <p>HTML 是用来描述网页的一种语言。
            HTML 指的是超文本标记语言 (Hyper Text Markup Language)
            HTML 不是一种编程语言，而是一种标记语言 (markup language)
            标记语言是一套标记标签 (markup tag)
            HTML 使用标记标签来描述网页
            HTML 是用来描述网页的一种语言。
            HTML 指的是超文本标记语言 (Hyper Text Markup Language)
            HTML 不是一种编程语言，而是一种标记语言 (markup language)
            标记语言是一套标记标签 (markup tag)
            HTML 使用标记标签来描述网页
            HTML 是用来描述网页的一种语言。
            HTML 指的是超文本标记语言 (Hyper Text Markup Language)
            HTML 不是一种编程语言，而是一种标记语言 (markup language)
            标记语言是一套标记标签 (markup tag)
            HTML 使用标记标签来描述网页
        </p>
    </div>
</div>
</body>
</html>
